<style>
    .month {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
    }

    .month-item {
        border: 1px solid #e8e8e8;
        padding: 6px 20px;
    }

    .item:last-child {
    }
    .action{
        background: #4e73df;
        border-color: #4e73df;
        color: #fff;
        font-weight: 600;
    }
    .month-year{
        padding: 6px 20px;
        border: 1px solid #e8e8e8;
        width: 200px;
        outline: none;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh"></i> </a>


                        <span style="margin-left: 20px">选择年份：</span>
                        <select id="year" name="year" class="month-year">
                            {foreach $year_list as $item}
                            <option value="{$item.year}" {if $year==$item.year}selected{/if}>{$item.year}年</option>
                            {/foreach}
                        </select>
                        <input id="month" name="month" type="hidden" value="{$month}">
                        <div class="month">
                            {for start="1" end="13"}
                            <div class="month-item {if$month==$i}action{/if}" index="{$i}">{$i}月</div>
                            {/for}
                        </div>
                        <!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('commission/accounting/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <!--                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('commission/accounting/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
                        <!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('commission/accounting/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->


                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
